<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>密集箱控制</title>
    <link rel="stylesheet" href="/component/pear/css/pear.css"/>
    <style>

    </style>
</head>
<body class="pear-container">
<div class="layui-card">
    <div class="layui-card-body">
        <div id="currentTableId">
            <div class="cloud-card-component">
                <div class="layui-row layui-col-space30">
                    <div id="1" class="layui-col-md3 ew-datagrid-item" data-index="0" data-number="1">
                        <div class="project-list-item">
                            <img class="project-list-item-cover"
                                 src="/img/2.bmp">
                            <div class="project-list-item-body" style="padding: 10px 15px;">
                                <!--                                <div style="position: relative;width: 100%;height: 30px;">-->
                                <!--                                    <h4 style="position: absolute;left: 44%;top: 2%;">第一列</h4>-->
                                <!--                                </div>-->
                                <h3 style="display: flex;justify-content: center;/*水平居中*/align-items: center;/*垂直居中*/">
                                    第&nbsp;
                                    <span style="color: tomato">一</span>
                                    &nbsp;列</h3>
                                <a href=""
                                   class="pear-btn pear-btn-primary  layui-btn-fluid"
                                   style="margin-top: 8px;height: 50px;line-height: 50px;">打开</a>
                                <!--                                <div class="project-list-item-text layui-text">那是一种</div>-->
                                <!--                                <div class="project-list-item-desc"><span class="time">几秒前</span>-->
                                <!--                                    <div class="ew-head-list"></div>-->
                                <!--                                </div>-->
                            </div>
                        </div>
                    </div>
                    <div id="2" class="layui-col-md3 ew-datagrid-item" data-index="1" data-number="1">
                        <div class="project-list-item">
                            <img class="project-list-item-cover"
                                 src="/img/2.bmp">
                            <div class="project-list-item-body" style="padding: 10px 15px;">
                                <h3 style="display: flex;justify-content: center;/*水平居中*/align-items: center;/*垂直居中*/">
                                    第&nbsp;
                                    <span style="color: tomato">二</span>
                                    &nbsp;列</h3>

                                <a href=""
                                   class="pear-btn pear-btn-primary  layui-btn-fluid"
                                   style="margin-top: 8px;height: 50px;line-height: 50px;">打开</a>
                            </div>
                        </div>
                    </div>
                    <div id="3" class="layui-col-md3 ew-datagrid-item" data-index="2" data-number="1">
                        <div class="project-list-item">
                            <img class="project-list-item-cover"
                                 src="/img/2.bmp">
                            <div class="project-list-item-body" style="padding: 10px 15px;">
                                <h3 style="display: flex;justify-content: center;/*水平居中*/align-items: center;/*垂直居中*/">
                                    第&nbsp;
                                    <span style="color: tomato">三</span>
                                    &nbsp;列</h3>
                                <a href=""
                                   class="pear-btn pear-btn-primary  layui-btn-fluid"
                                   style="margin-top: 8px;height: 50px;line-height: 50px;">打开</a>
                            </div>
                        </div>
                    </div>
                    <div id="4" class="layui-col-md3 ew-datagrid-item" data-index="3" data-number="1">
                        <div class="project-list-item">
                            <img class="project-list-item-cover"
                                 src="/img/2.bmp">
                            <div class="project-list-item-body" style="padding: 10px 15px;">
                                <h3 style="display: flex;justify-content: center;/*水平居中*/align-items: center;/*垂直居中*/">
                                    第&nbsp;
                                    <span style="color: tomato">四</span>
                                    &nbsp;列</h3>
                                <a href=""
                                   class="pear-btn pear-btn-primary  layui-btn-fluid"
                                   style="margin-top: 8px;height: 50px;line-height: 50px;">打开</a>
                            </div>
                        </div>
                    </div>
                    <div id="5" class="layui-col-md3 ew-datagrid-item" data-index="4" data-number="1">
                        <div class="project-list-item">
                            <img class="project-list-item-cover"
                                 src="/img/2.bmp">
                            <div class="project-list-item-body" style="padding: 10px 15px;">
                                <h3 style="display: flex;justify-content: center;/*水平居中*/align-items: center;/*垂直居中*/">
                                    第&nbsp;
                                    <span style="color: tomato">五</span>
                                    &nbsp;列</h3>
                                <a href=""
                                   class="pear-btn pear-btn-primary  layui-btn-fluid"
                                   style="margin-top: 8px;height: 50px;line-height: 50px;">打开</a>
                            </div>
                        </div>
                    </div>
                    <div id="6"  class="layui-col-md3 ew-datagrid-item" data-index="5" data-number="1">
                        <div class="project-list-item">
                            <img class="project-list-item-cover"
                                 src="/img/2.bmp">
                            <div class="project-list-item-body" style="padding: 10px 15px;">
                                <h3 style="display: flex;justify-content: center;/*水平居中*/align-items: center;/*垂直居中*/">第&nbsp;
                                    <span style="color: tomato">六</span>
                                    &nbsp;列</h3>
                                <a href=""
                                   class="pear-btn pear-btn-primary  layui-btn-fluid"
                                   style="margin-top: 8px;height: 50px;line-height: 50px;">打开</a>
                            </div>
                        </div>
                    </div>
                    <div id="7" class="layui-col-md3 ew-datagrid-item" data-index="6" data-number="1">
                        <div class="project-list-item">
                            <img class="project-list-item-cover"
                                 src="/img/2.bmp">
                            <div class="project-list-item-body" style="padding: 10px 15px;">
                                <h3 style="display: flex;justify-content: center;/*水平居中*/align-items: center;/*垂直居中*/">第&nbsp;
                                    <span style="color: tomato">七</span>
                                    &nbsp;列</h3>
                                <a href=""
                                   class="pear-btn pear-btn-primary  layui-btn-fluid"
                                   style="margin-top: 8px;height: 50px;line-height: 50px;">打开</a>
                            </div>
                        </div>
                    </div>
                    <div id="8" class="layui-col-md3 ew-datagrid-item" data-index="7" data-number="1">
                        <div class="project-list-item">
                            <img class="project-list-item-cover"
                                 src="/img/2.bmp">
                            <div class="project-list-item-body" style="padding: 10px 15px;">
                                <h3 style="display: flex;justify-content: center;/*水平居中*/align-items: center;/*垂直居中*/">第&nbsp;
                                    <span style="color: tomato">八</span>
                                    &nbsp;列</h3>
                                <a href=""
                                   class="pear-btn pear-btn-primary  layui-btn-fluid"
                                   style="margin-top: 8px;height: 50px;line-height: 50px">打开</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="pear-btn-group">
                        <button class="pear-btn pear-btn-primary" round> 电源关闭</button>
                        <button class="pear-btn pear-btn-danger" round> 暂停</button>
                        <button class="pear-btn pear-btn-warming" round> 锁定</button>
                        <button class="pear-btn pear-btn-success" round style="background-color: #243029 !important;"> 关闭</button>
                        <button class="pear-btn pear-btn-success" style="background-color: #1e9fff !important;">通风</button>
                        <button class="pear-btn pear-btn-success" round> 锁屏密码</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="/component/layui/layui.js"></script>
<script src="/component/pear/pear.js"></script>
</body>
</html>
